<template>
    <Brand v-show="app.isBrand"></Brand>
    <RecordList></RecordList>
</template>

<script setup lang="ts">
import useStore from "@/store";
import RecordList from "@/views/record/list/index.vue";
import {useWindowScroll} from "@vueuse/core";

const {app, web} = useStore();
const {x, y} = useWindowScroll();

watchEffect(() => {
    // 监听屏幕滚动，brand收缩
    if (y.value > window.innerHeight) {
        app.isBrand = false;
    }
});
onActivated(() => {
    app.setBackgroundImg(app.backgroundImgList[1])
})
</script>

<style scoped>


</style>